<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
	String path = request.getContextPath();
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>车型页面</title>
<script src="<%=path%>/js/jquery-3.2.1.min.js"></script>
<link rel="stylesheet" href="css/CheXing/cx.css" />
<script type="text/javascript">
	$(function() {
		$("[name=cx]").click(function() {
			var abc = this.innerHTML;
			if(abc=="不限"){
				abc="";
			}
			var  la = $("[name=cx]");
			for(var i=0;i<la.length;i++){
				var type = $(la[i]);
				type.removeClass("fontBlue");
			}
			$(this).addClass("fontBlue");
			$("[name=chexing]").val(abc);
			alert($("[name=chexing]").val());
			alert($("[name=pinpai]").val());
			alert($("[name=pailiang]").val());
			alert($("[name=jiage]").val());
		});
		$("[name=pp]").click(function() {
			var abc = this.innerHTML;
			if(abc=="不限"){
				abc="";
			}
			var  la = $("[name=pp]");
			for(var i=0;i<la.length;i++){
				var type = $(la[i]);
				type.removeClass("fontBlue");
			}
			$(this).addClass("fontBlue");
			$("[name=pinpai]").val(abc);
			alert($("[name=chexing]").val());
			alert($("[name=pinpai]").val());
			alert($("[name=pailiang]").val());
			alert($("[name=jiage]").val());
		});
		$("[name=pl]").click(function() {
			var abc = this.innerHTML;
			if(abc=="不限"){
				abc="";
			}
			var  la = $("[name=pl]");
			for(var i=0;i<la.length;i++){
				var type = $(la[i]);
				type.removeClass("fontBlue");
			}
			$(this).addClass("fontBlue");
			$("[name=pailiang]").val(abc);
			alert($("[name=chexing]").val());
			alert($("[name=pinpai]").val());
			alert($("[name=pailiang]").val());
			alert($("[name=jiage]").val());
		});
		$("[name=jg]").click(function() {
			var abc = this.innerHTML;
			if(abc=="不限"){
				abc="";
			}
			var  la = $("[name=jg]");
			for(var i=0;i<la.length;i++){
				var type = $(la[i]);
				type.removeClass("fontBlue");
			}
			$(this).addClass("fontBlue");
			$("[name=jiage]").val(abc);
			alert($("[name=chexing]").val());
			alert($("[name=pinpai]").val());
			alert($("[name=pailiang]").val());
			alert($("[name=jiage]").val());
		});
	});
</script>
</head>
<body>

	<div style="background-color: #1B2B3B">
		<jsp:include page="../NavigationBar.jsp" flush="true"></jsp:include>
	</div>

	<div class="container">
		<form action="cx"  method="post" id="tijiao">
			<div class="h255">

				<div class="row0">
					<div class="carAttribute">车型</div>
					<input type="hidden" name="chexing" value="">
					<div class="rowRight">
						<div>
							<a onclick="" class="fontBlue" name="cx">不限</a>
						</div>
						<div>
							<a onclick="" class="" name="cx">经济型</a>
						</div>
						<div>
							<a onclick="" class="" name="cx">SUV</a>
						</div>
						<div>
							<a onclick="" class="" name="cx">舒适型</a>
						</div>
						<div>
							<a onclick="" class="" name="cx">精英型</a>
						</div>
						<div>
							<a onclick="" class="" name="cx">商务型</a>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="carAttribute">品牌</div>
					<input type="hidden" name="pinpai" value="">
					<div class="rowRight">
						<div>
							<a onclick="" class="fontBlue" name="pp">不限</a>
						</div>
						<div>
							<a onclick="" class="" name="pp">丰田</a>
						</div>
						<div>
							<a onclick="" class="" name="pp">东风</a>
						</div>
						<div>
							<a onclick="" class="" name="pp">雪铁龙</a>
						</div>
						<div>
							<a onclick="" class="" name="pp">别克</a>
						</div>
						<div>
							<a onclick="" class="" name="pp">北京现代</a>
						</div>
						<div>
							<a onclick="" class="" name="pp">大众</a>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="carAttribute">排量</div>
					<input type="hidden" name="pailiang" value="">
					<div class="rowRight">
						<div>
							<a onclick="" class="fontBlue" name="pl">不限</a>
						</div>
						<div>
							<a onclick="" class="" name="pl">1.2L</a>
						</div>
						<div>
							<a onclick="" class="" name="pl">1.3L</a>
						</div>
						<div>
							<a onclick="" class="" name="pl">1.6L</a>
						</div>
						<div>
							<a onclick="" class="" name="pl">1.8L</a>
						</div>
						<div>
							<a onclick="" class="" name="pl">2.0L</a>
						</div>
						<div>
							<a onclick="" class="" name="pl">2.4L</a>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="carAttribute">价格范围</div>
					<input type="hidden" name="jiage" value="">
					<div class="rowRight">
						<div>
							<a onclick="" class="fontBlue" name="jg">不限</a>
						</div>
						<div>
							<a onclick="" class="" name="jg">0~500</a>
						</div>
						<div>
							<a onclick="" class="" name="jg">500~1000</a>
						</div>
						<div>
							<a onclick="" class="" name="jg">1000+</a>
						</div>
					</div>
				</div>
			</div>
		</form>
		<div class="blankDiv">&nbsp;</div>

		<div class="cars">
			<div class="carShow">
				<img
					src="https://images.cdn.reocar.com/car_type/369A42DC-FF73-4E33-8E49-E5EEF04180D8/preview_new_image.png" />
				<div class="carInformation">
					<div class="carInformationLeft">
						<h2>丰田花冠(外地牌)</h2>
						<div>
							<span id="span0">1.6自动挡</span> <span id="span0">5座</span> <span>经济型</span>
						</div>
					</div>
					<div class="carInformationRight">
						<span>28元</span>起
					</div>
				</div>
			</div>

			<div class="carShow">
				<img
					src="https://images.cdn.reocar.com/car_type/F5F4E808-23C1-4658-8566-ED1C8190FD18/preview_new_image.png" />
				<div class="carInformation">
					<div class="carInformationLeft">
						<h2>东风标致3008</h2>
						<div>
							<span id="span0">2.0手自一体</span> <span id="span0">5座</span> <span>SUV</span>
						</div>
					</div>
					<div class="carInformationRight">
						<span>208元</span>起
					</div>
				</div>
			</div>

			<div class="carShow">
				<img
					src="https://images.cdn.reocar.com/car_type/9B12AD5F-3BFB-4BEE-9A89-00649304F79B/preview_new_image.png" />
				<div class="carInformation">
					<div class="carInformationLeft">
						<h2>东风标致308S</h2>
						<div>
							<span id="span0">1.2自动挡</span> <span id="span0">5座</span> <span>舒适型</span>
						</div>
					</div>
					<div class="carInformationRight">
						<span>108元</span>起
					</div>
				</div>
			</div>

			<div class="carShow">
				<img
					src="https://images.cdn.reocar.com/car_type/6FC6B329-517C-4D48-82A2-B69EA7911855/preview_new_image.png" />
				<div class="carInformation">
					<div class="carInformationLeft">
						<h2>北京现代朗动1.6</h2>
						<div>
							<span id="span0">1.6自动挡</span> <span id="span0">5座</span> <span>舒适型</span>
						</div>
					</div>
					<div class="carInformationRight">
						<span>108元</span>起
					</div>
				</div>
			</div>

			<div class="carShow">
				<img
					src="https://images.cdn.reocar.com/car_type/F776970C-5E87-4147-89FF-9015F1A0930C/preview_new_image.png" />
				<div class="carInformation">
					<div class="carInformationLeft">
						<h2>雪铁龙C4L 1.8</h2>
						<div>
							<span id="span0">1.8自动挡</span> <span id="span0">5座</span> <span>舒适型</span>
						</div>
					</div>
					<div class="carInformationRight">
						<span>148元</span>起
					</div>
				</div>
			</div>

			<div class="carShow">
				<img
					src="https://images.cdn.reocar.com/car_type/9413A479-DBC5-4BE0-AC9B-FCFD18A7606F/preview_new_image.png" />
				<div class="carInformation">
					<div class="carInformationLeft">
						<h2>大众帕萨特1.8T</h2>
						<div>
							<span id="span0">1.8自动挡</span> <span id="span0">5座</span> <span>精英型</span>
						</div>
					</div>
					<div class="carInformationRight">
						<span>188元</span>起
					</div>
				</div>
			</div>

			<div class="carShow">
				<img
					src="https://images.cdn.reocar.com/car_type/835CE413-BCF7-4D92-9613-718E3E394D2F/preview_new_image.png" />
				<div class="carInformation">
					<div class="carInformationLeft">
						<h2>丰田凯美瑞2.0</h2>
						<div>
							<span id="span0">2.0自动挡</span> <span id="span0">5座</span> <span>精英型</span>
						</div>
					</div>
					<div class="carInformationRight">
						<span>158元</span>起
					</div>
				</div>
			</div>

			<div class="carShow">
				<img
					src="https://images.cdn.reocar.com/car_type/E8755D4C-76B8-4FEC-BF68-266B72FCB187/preview_new_image.png" />
				<div class="carInformation">
					<div class="carInformationLeft">
						<h2>别克GL8</h2>
						<div>
							<span id="span0">2.4自动挡</span> <span id="span0">7座</span> <span>商务型</span>
						</div>
					</div>
					<div class="carInformationRight">
						<span>308元</span>起
					</div>
				</div>
			</div>

			<div class="carShow">
				<img
					src="https://images.cdn.reocar.com/car_type/F945E4A4-7A1C-42C6-9425-AB53EBD74725/preview_new_image.png" />
				<div class="carInformation">
					<div class="carInformationLeft">
						<h2>丰田致炫1.3</h2>
						<div>
							<span id="span0">1.3自动挡</span> <span id="span0">5座</span> <span>经济型</span>
						</div>
					</div>
					<div class="carInformationRight">
						<span>48元</span>起
					</div>
				</div>
			</div>
		</div>
	</div>
	<div>
		<jsp:include page="../weiba.jsp" flush="true"></jsp:include>
	</div>
</body>
</html>